{header}

<!-- begin_image_edit -->

<script language="javascript" type="text/javascript">


// Get the element's style (computed) for the attribute given.
function getStyle(element, attribute) { 
  if (element.currentStyle) {
    // Internet Explorer:
    if (attribute == "font-family") attribute = "fontFamily";
    else if (attribute == "font-size") attribute = "fontSize";
    else if (attribute == "font-weight") attribute = "fontWeight";
    return element.currentStyle[attribute];
  } else if (document.defaultView.getComputedStyle) {
    // Mozilla or other dignified browser:
    return document.defaultView.getComputedStyle(element, '').getPropertyValue(attribute);
  } else {
    return false;
  }
}


function convertLineBreaks(text) {
  return text.replace(/\n/g, '<br />\n');
}

function unconvertLineBreaks(text) {
  if (typeof text != 'undefined') return text.replace(/(<br \/>)|(<br\/>)|(<br>)/gi, '\n');
  else return '';
}

function addBlankLine(text) {
  return text+"&nbsp;";
}

function stripSlashes(text) {
  text = text.replace(/\\\\/g, '%%%%%');
  text = text.replace(/\\/g, '');
  return text.replace(/%%%%%/g, '\\');
}

 ///////////////////////////////////////////////////////////////////////////////
// Makes a DIV into an editable Title field. 
function initEditableTitle(divID, img_id) {
  var div = document.getElementById(divID);
  div.blankMessage = "{l_add_title}";
  div.editMessage = "{l_edit_title}";
    
  div.saveChanges = function(form) {
    var formDiv = form.parentNode;
    document.callbackdiv = this;
    this.innerHTML = "Saving...";
    xajax_saveImageTitle(form.content.value, img_id);
    return this.stopEditing();
  }
  
  div.getInputField = function () {
    return '<input type="text" name="content" value="'+this.innerHTML
      +'" style="font-size: '+this.style_fontSize
      +'; font-family: '+this.style_fontFamily
      +'; font-weight: '+this.style_fontWeight
      +'; font-style: '+this.style_fontStyle
      +';" size="'+(this.innerHTML.length)+'"/>';
  }
  
  initEditableDiv(divID);
}

 ///////////////////////////////////////////////////////////////////////////////
// Makes a DIV into an editable Description field.
function initEditableDesc(divID, img_id) {
  var div = document.getElementById(divID);
  div.blankMessage = "{l_add_desc}";
  div.editMessage = "{l_edit_desc}";

  
  div.saveChanges = function(form) {
    var formDiv = form.parentNode;
    document.callbackdiv = this;
    this.innerHTML = "Saving...";
    xajax_saveImageDesc(form.content.value, img_id);
    document.getElementById("zenphototempdiv").style.display = "none";
    return this.stopEditing();
  }
  
  div.getInputField = function () {
    var tempDiv = document.getElementById("zenphototempdiv");
    if (!tempDiv) {
      tempDiv = document.createElement('div');
      tempDiv.style.position = "absolute";
      tempDiv.style.width = this.style_width;
      tempDiv.style.top = "-5000px";
      tempDiv.id = "zenphototempdiv";
      this.parentNode.insertBefore(tempDiv, this);
    } else {
      tempDiv.style.display = this.style_display;
    }

    return '<textarea name="content" style="font-size: '+this.style_fontSize
      +'; font-family: '+this.style_fontFamily
      +'; font-weight: '+this.style_fontWeight
      +'; font-style: '+this.style_fontStyle
      +'; width: '+this.style_width+'; height: '+this.style_height
      +'; margin: 0px;" rows="5" cols="50"></textarea><br />';
  }
  
  // NOTE: in this function, *this* refers to an input field.
  div.contentOnKeyUp = function () {
    var tempdiv = document.getElementById("zenphototempdiv");
    tempdiv.innerHTML = addBlankLine(convertLineBreaks(this.value));
    this.style.height = getStyle(tempdiv, 'height');
  }
  
  initEditableDiv(divID);
}

  ///////////////////////////////////////////////////////////////////////////////
 // Makes any DIV editable, but not by itself: it needs several variables
//  defined before it will work (see examples above).
function initEditableDiv(divID) {
  var div = document.getElementById(divID);

  div.title = div.editMessage;
  
  div.style_display = getStyle(div, "display");
  div.style_fontFamily = getStyle(div, "font-family");
  div.style_fontSize = getStyle(div, "font-size");
  div.style_fontWeight = getStyle(div, "font-weight");
  div.style_fontStyle = getStyle(div, "font-style");
  div.style_width = getStyle(div, "width");
  div.style_height = getStyle(div, "height");
  
  if (div.innerHTML) {
    div.textValue = div.innerHTML;
  } else {
    div.textValue = div.textContent;
  }
  
  if (trim(div.innerHTML) == '' || trim(div.textValue) == "") {
    div.innerHTML = div.blankMessage;
  }
  
  div.startEditing = function () {
    if (document.currentlyEditing && document.currentlyEditing != this) return;
    document.currentlyEditing = this;
    this.isEditing = true;
		this.unhilight();
		var formDiv = this.getFormDiv();
    formDiv.form.content.value = unconvertLineBreaks(this.textValue);
		formDiv.style.display = this.style_display;
    this.style.display = "none";
    var form = formDiv.firstChild;
		// form.content.focus();
		form.content.select();
  }
  
  div.onclick = div.startEditing;
  
  div.getFormDiv = function () {
		if (!this.formDiv) {
			this.formDiv = document.createElement('div');
			this.parentNode.insertBefore(this.formDiv, this);
			this.formDiv.displayDiv = this;
    }
    // Refresh the dimensions.
    this.style_width = getStyle(div, "width");
    this.style_height = getStyle(div, "height");
    
    var formHTML = '<form onsubmit="this.content.blur(); this.parentNode.displayDiv.saveChanges(this); return false;">';
    formHTML += this.getInputField();
    formHTML += ' <input type="submit" value="{l_modify}" class="button" \/>&nbsp;<input type="button" class="button" value="{l_cancel}" onclick="this.form.parentNode.displayDiv.stopEditing(); return false;" \/><\/form>';
    this.formDiv.innerHTML = formHTML;
    this.formDiv.form = this.formDiv.firstChild;
    this.formDiv.form.style.display = this.style_display;
    if (this.contentOnKeyUp) {
      this.formDiv.form.content.onkeyup = this.contentOnKeyUp;
    }
    
		return this.formDiv;
  }

  
  div.saveChangesCB = function(savedText) {
    displayDiv = document.callbackdiv;
    if (savedText == "") {
      displayDiv.innerHTML = displayDiv.blankMessage;
      displayDiv.textValue = "";
    } else {
      displayDiv.innerHTML = convertLineBreaks(savedText);
      displayDiv.textValue = savedText;
    }
  }
  
  div.stopEditing = function() {
    var formDiv = this.getFormDiv();
    formDiv.displayDiv.style.display = this.style_display;
    formDiv.style.display = "none";
    document.currentlyEditing = false;
    return false;
  }
  
  div.onmouseover = function() {
    if (!document.currentlyEditing) {
      this.hilight();
    } else {
      this.title = "{l_currently_editing}";
    }
  }
  div.onmouseout = function() { 
    this.unhilight();
    this.title = this.editMessage;
  }
  
  div.hilight = function () { 
  	this.style.backgroundColor = "#32669f"; 
	this.style.color = "#ffffff"; 
}
  div.unhilight = function () { 
  	this.style.backgroundColor = "#ffffff"; 
	this.style.color = "#32669f"; 
  }
  
}

// Simple string-trimming function
function trim(s) {
  var t = s.substring(0,s.length);
  while (t.substring(0,1) == ' ') {
    t = t.substring(1,t.length);
  }
  while (t.substring(t.length-1,t.length) == ' ') {
    t = t.substring(0,t.length-1);
  }
  return t;
}

</script>
<!-- end_image_edit -->
<div id="wide" class="box"><div class="bbt"><div class="bbb"><div class="bbl"><div class="bbr"><div class="bbtl"><div class="bbtr"><div class="bbbl"><div class="bbbr">

	<input style="width: 90px;" type="button" value="{l_gallery_menu_overview}" class="button" onclick="location='{url_main}gallery_admin.php';" title="{l_gallery_menu_overview}">
	<input style="width: 90px;" type="button" value="{l_gallery_menu_comments}" class="button" onclick="location='{url_main}gallery_admin_comments.php';" title="{l_gallery_menu_comments}">
	<input style="width: 90px;" type="button" value="{l_gallery_menu_upload}" class="button" onclick="location='{url_main}gallery_admin_upload.php';" title="{l_gallery_menu_upload}">
	<input style="width: 90px;" type="button" value="{l_gallery_menu_edit}" class="button" onclick="location='{url_main}gallery_admin_edit_album_selection.php';" title="{l_gallery_menu_edit}">
	<div style="height:10px;"></div>	
	  <!-- begin_debug -->
	  <div style="border:1px solid white;">{d_name}</div>
	  <div style="border:1px solid white;">{d_email}</div>
	  <div style="border:1px solid white;">{d_website}</div>
	  <div style="border:1px solid white;">{d_comment}</div>
  	  <!-- end_debug -->
		<p class="imgdesc">			
			<center><div id="TitleEditable" class="header_big" style="text-align:center;">{image_title}</div></center>
			{make_image_title_editable}
			<center><div id="DescEditable" class="album_desc" style="font-size:16px;margin-bottom:20px;font-weight:bold;">{image_description}</div></center>
			{make_image_desc_editable}									
		</p>	
	  
      <div id="padbox">
	  <center><div id="image"><a href="{url_main}gallery_image.php?img_id={next_id}"><img class=img_border src="{image_src}"  alt="{l_image_press}" /></a></div><br>
	  <b>
	  <a href="{url_main}gallery_image.php?img_id={prev_id}">&#60;&#60;{l_prev}</a>&nbsp;
	  <a href="{url_main}gallery_album.php?album_id={album_id}">{album}</a>&nbsp;
	  <a href="{url_main}gallery_image.php?img_id={next_id}">{l_next}&#62;&#62;</a>
	  </b>
	  </center>
	  <div id="narrow" style="width:450px; margin-left:120px;">
		
		<div id="comments" style="clear:both;margin-top:30px;">
		  <h3>{l_comments_num}({num_comments})</h3>
		<!-- begin_comment -->
		<table width='100%' border='0px' height=70 cellspacing=10 cellpadding=0 style="border-collapse: separate; margin-top:7px; margin-bottom:7px;">
		<tr><td align=center width=62 height=70 valign="top">
			<img src=_files/{user_photo} border=0 width=62 height=70 class="img_border">
		</td>
		<td valign="top" class=light style="padding:5px;">
			<b>
			<!-- begin_anonim_comment -->{user_name}<!-- end_anonim_comment -->
			<!-- begin_user_comment --><a href={url_main}search_results.php?name={user_name}&display=profile>{user_name}</a><!-- end_user_comment -->
			{l_says}:</b>
			<br>{date}<br><br><div style="overflow:hidden; width:370px">{comment_text}</div>
		</td></tr>
		</table>
		<!-- end_comment -->
		  <div style="margin-bottom:50px;"></div>
		  <!-- begin_error -->
		  <div class="error" style="margin-bottom:10px;color: #C33;font-weight: bold;">{l_error}</div>	  		  
  		  <!-- end_error -->
		  
		  <script language="javascript" type="text/javascript">
		  function submitHandler()
		  {		  	
		  	document.getElementById('make_comment').value='1';
		  }
		  </script>
		  <div class="imgcommentform" style="width:450px; ">
			<!-- If comments are on for this image AND album... -->
			<h3>{l_comments_add}:</h3>
			<form id="commentform" action="#" method="post" onsubmit="javascript:submitHandler();">
				<input id="make_comment" type="hidden" name="make_comment" value="0" />
			  
				
				<textarea name="comment" rows="6" cols="40" style="padding: 4px;width: 440px;background: #FFF;border: 1px solid #B6C8CF;"></textarea>
				<br /><br />
				<center>
				<input type="submit" class="button" value="{l_comments_add}" class="pushbutton" />
				<input type="button" value="{album}" class="button" onclick="location='{url_main}gallery_album.php?album_id={album_id}';" title="{album}">
				</center>
			 
			</form>
		  </div>
		  
		</div>
	  </div>
	</div>
	
</div></div></div></div></div></div></div></div></div>
	

{footer}